<div id="ProjectionsBox" class="box" style="left:30px;top:45px;width:200px;height:300px;">
	<center>
	
	<div class="topBar"><font class="topBarHeader">Projections Directory</font></div>
	
	<table>
	<td width=50 align="center">
	<text class="parameter">from <br/>Dir</text>
		<div id="LoadProjectionsDir" class="smallButton" 
		onMouseOver="document.getElementById('Help').innerHTML='<b>Load</b> Select directory with projections.';" onMouseOut="document.getElementById('Help').innerHTML='';"
		onclick="innerHTMLFromFileInputOverlay(document.getElementById('overlayBox'),'loadProjectionList.py','DIR','Projections','Select <b>directory with projections</b> <br/> Provide full path','pytom_reconstruction_projectionListDIR')">
			load
		</div>
	</td>
	<td width=50 align="center">
	<text class="parameter">from <br/>XML</text>
		<div id="LoadProjectionsXML" class="smallButton" 
		onMouseOver="document.getElementById('Help').innerHTML='<b>Load</b> Select directory with projections.';" onMouseOut="document.getElementById('Help').innerHTML='';"
		onclick="innerHTMLFromFileInputOverlay(document.getElementById('overlayBox'),'loadProjectionList.py','XML','Projections','Select <b>XML list of projections</b> <br/> Provide full path','pytom_reconstruction_projectionListXML')">
			load
		</div>
	</td>
	</table>
	<br/>
	<div id="Projections" class="projections"/>
	
	</center>
</div>


<div id="SizeBox" class="box" style="left:255px;top:45px;width:180px;height:100px;">
	<center>
	<div class="topBar"><font class="topBarHeader">Tomogram Size</font></div>
	<table>
		<tr>
			<td width=50 align="center">
				X
			</td>
			<td width=50 align="center">
				Y
			</td>
			<td width=50 align="center">
				Z
			</td>
		</tr>
		<tr>
			<td width=50 align="center">
				<input type="text" id="xCube" value="" size='5' maxlength='10'
				onMouseOver="document.getElementById('Help').innerHTML='<b>X</b> Size along this dimension.';" onMouseOut="document.getElementById('Help').innerHTML='';"/>
			</td>
			<td width=50 align="center">
				<input type="text" id="yCube" value="" size='5' maxlength='10'
				onMouseOver="document.getElementById('Help').innerHTML='<b>Y</b> Size along this dimension.';" onMouseOut="document.getElementById('Help').innerHTML='';"/>
			</td>
			<td width=50 align="center">
				<input type="text" id="zCube" value="" size='5' maxlength='10'
				onMouseOver="document.getElementById('Help').innerHTML='<b>Z</b> Size along this dimension.';" onMouseOut="document.getElementById('Help').innerHTML='';"/>
			</td>
		</tr>
	</table>
	
	</center>
</div>

<div id="BinBox" class="box" style="left:255px;top:155px;width:180px;height:100px;">
	<center>
	<div class="topBar"><font class="topBarHeader">Size Scaling</font></div>
	
	
	<table border="0">
	
	<tr>
		<td align="center">Before</td>
		<td align="center">After</td>
    </tr>
	<tr>
		<td width=50 align="center">
			<input type="text" id="binBefore" value="" size='5' maxlength='10'
			onMouseOver="document.getElementById('Help').innerHTML='Bin tomogram <b>before</b> reconstruction.';" onMouseOut="document.getElementById('Help').innerHTML='';"/>
		</td>
		<td width=50 align="center">
			<input type="text" id="binAfter" value="" size='5' maxlength='10'
			onMouseOver="document.getElementById('Help').innerHTML='Bin tomogram <b>after</b> reconstruction.';" onMouseOut="document.getElementById('Help').innerHTML='';"/>
		</td>
	</tr>
	</table>
	</center>
</div>

<div id="TomogramResultBox" class="box" style="left:460px;top:45px;width:380px;height:70px;">
	<center>
	<div class="topBar">
			<font class="topBarHeader">New Tomogram Path</font>
	</div>
	</center>
	<br/>
    <input type="text" id="TomogramFileName" value="Paste path here" size='70' maxlength='1000'
    		onMouseOver="document.getElementById('Help').innerHTML='Destination directory where localization results will be stored.';" onMouseOut="document.getElementById('Help').innerHTML='';"/><br/>
    

</div>

 <div id="CheckParamtersButton" class="bigButton" style="position:absolute;top:240;left:740;" onClick="updateTomogramCookiesFromPage(document);checkTomogramParameters(document.getElementById('overlayBox'))" onMouseOver="document.getElementById('Help').innerHTML='Check your current setup.';" onMouseOut="document.getElementById('Help').innerHTML='';">
	<div style="position:relative;top:33%;">
		Check Setup
	</div>
</div>

<div id="Submit" class="bigButton" style="position:absolute;top:300;left:740;background-color:#00FF00;" onClick="updateReconstructionCookiesFromPage(document);createTomogramRecJobFromParameters();" onMouseOver="document.getElementById('Help').innerHTML='Create reconstruction job.<br/>Works only when button is green.';" onMouseOut="document.getElementById('Help').innerHTML='';">
	<div style="position:relative;top:33%;">
		Create Job
	</div>
</div>
